﻿@import "variables.less";
@import "mixins.less";

nav#menu {
    h3 {
        margin: 0;
        height:36px;line-height:36px;
        color: #fff;
        font-size: 1.3em;
        text-align:center;
        border-bottom:1px @gray-darker solid;
    }

    .mainmenu {
        border-top:1px @gray solid;
        li.liitem {
            border-bottom:1px @gray solid;
            a {
                padding: 10px 6px 10px 15px;position:relative;.font-size(1.6);
                display: block;
                color: @gray-lighter;
                span.badge{
                    float:right;font-weight:normal;.font-size(1);
                }
                &:hover{
                    background-color:@gray-darker;
                }
                .arrow-left{
                    display:none;position:absolute;top:10px;right:0;                  
	                width: 0; 
	                height: 0; 
	                border-top: 6px solid transparent;
	                border-bottom:6px solid transparent; 	
	                border-right:6px solid #fff; 

                }
            }
            a.active{
                 .arrow-left{
                    display:block;
                }
            }
        }

        li.current {
            a {
                text-decoration: none;
                font-weight: bold;
                color: #fff;
                
            }
        }

        li.down-nav {
            ul.submenu {
                display:none;
                list-style: none;
                   background-color: @gray-darker;        
                padding: 5px 0 5px 23px;
                overflow: hidden;

                li {
                    border-left: 1px dotted @mainColor;padding-left:6px;border-bottom:none;
                    a {
                        padding: 4px; font-size:14px;
                        color: #999;
                        &:hover{
                            color:#fff;
                        }
                    }
                    a.active{
                        color:@hoverColor;
                    }
                }
            }

            
        }
        li.nav-open {
                 background-color: @gray-darker;            
                ul.submenu{
                    display:block;
                }
            }
    }
    
}
.closemenu{
        a{
            display:block;float:right;background-color:@gray-light;width:40px;padding:5px 5px 3px 5px;
            border-radius:15px 0 0 15px;line-height:1;.font-size(1.6);color:@gray-lighter;box-shadow:rgba(0,0,0,0.3) 0 0 5px;
            &:hover{
                color:#fff;
            }
        }
    }
